// 引入gulp
var gulp = require('gulp');

// 引入browser-sync
var browserSync = require('browser-sync');

// 新建任务，对html进行处理
gulp.task('html', function() {
	gulp.src('./index.html')
	.pipe(gulp.dest('./dist'))
})

// 监视文件变化的任务,加了一个任务依赖，表示如果browserSync这个任务要执行，必须先要执行html任务里面的内容，
// 执行完了之后，再执行browserSync任务本身的内容
gulp.task('browserSync', ['html'], function() {

	//相当与是在命令行输入：  browser-sync start --server --files "./dist/index.html"
	browserSync.init({      
		server: './dist',
		files: ['./dist/index.html']
	});

	gulp.watch('./index.html', ['html'])
})
